<!--
 * 图标组件
-->
<template>
    <page-layout class="page-layout">
        <!-- 基础使用 -->
        <app-demo-module title="基础使用">
            <view class="icons">
                <view class="icons__item" v-for="icon in iconsBase" :key="icon">
                    <view class="icons__item__content">
                        <pure-icon :name="icon"></pure-icon>
                    </view>
                </view>
            </view>
        </app-demo-module>

        <!-- 图片图标 -->
        <app-demo-module title="图片图标">
            <view class="icons">
                <view class="icons__item" v-for="icon in iconsImage" :key="icon">
                    <view class="icons__item__content">
                        <pure-icon :name="icon"></pure-icon>
                    </view>
                </view>
            </view>
        </app-demo-module>

        <!-- 内置图标 -->
        <app-demo-module title="内置图标" desc="点击复制图标名称">
            <view class="icons">
                <view class="icons__item" v-for="icon in icons" :key="icon" @tap="handleItemClick(icon)">
                    <view class="icons__item__content">
                        <pure-icon :name="icon.name"></pure-icon>
                    </view>
                </view>
            </view>
        </app-demo-module>
    </page-layout>
</template>

<script setup>
    import { ref, computed } from "vue";

    // 基础使用
    const iconsBase = ref(["__kapianxingshi", "__jiqiren", "__honglvdeng", "__lieche"]);

    // 图片图标
    const iconsImage = ref(["/static/logo.png"]);

    // 内置图标
    const icons = ref([
        { text: "左", name: "__zuo3" },
        { text: "右", name: "__you3" },
        { text: "loading", name: "__loading" },
        { text: "箭头", name: "__jiantou_2" },
        { text: "安全", name: "__anquan_3" },
        { text: "重新授权", name: "__zhongxinshouquan" },
        { text: "直播", name: "__zhibo_2" },
        { text: "上传", name: "__shangchuan" },
        { text: "顶部", name: "__dingbu" },
        { text: "下载", name: "__xiazai" },
        { text: "底部", name: "__dibu" },
        { text: "向下", name: "__xiangxia" },
        { text: "右", name: "__you_2" },
        { text: "转发", name: "__zhuanfa_4" },
        { text: "上", name: "__shang_2" },
        { text: "点赞", name: "__dianzan_2" },
        { text: "左", name: "__zuo_2" },
        { text: "下载", name: "__xiazai_2" },
        { text: "下", name: "__xia_2" },
        { text: "店铺", name: "__dianpu_2" },
        { text: "分类", name: "__fenlei_6" },
        { text: "向上", name: "__xiangshang" },
        { text: "转发", name: "__zhuanfa_5" },
        { text: "发明", name: "__faming-2" },
        { text: "工厂", name: "__gongchang" },
        { text: "Wi-Fi", name: "__Wi-Fi" },
        { text: "建筑", name: "__jianzhu_5" },
        { text: "秒杀", name: "__miaosha" },
        { text: "建筑", name: "__jianzhu_4" },
        { text: "徽章", name: "__huizhang" },
        { text: "建筑", name: "__jianzhu_6" },
        { text: "电视", name: "__dianshi" },
        { text: "建筑", name: "__jianzhu_3" },
        { text: "活动", name: "__huodong" },
        { text: "教堂", name: "__jiaotang" },
        { text: "身份证", name: "__shenfenzheng" },
        { text: "建筑", name: "__jianzhu_2" },
        { text: "热门", name: "__remen" },
        { text: "博物馆", name: "__bowuguan" },
        { text: "投影仪", name: "__touyingyi" },
        { text: "城市", name: "__chengshi_2" },
        { text: "秒表", name: "__miaobiao" },
        { text: "城市", name: "__chengshi_3" },
        { text: "红包", name: "__hongbao" },
        { text: "医院", name: "__yiyuan" },
        { text: "文章", name: "__wenzhang_2" },
        { text: "建筑", name: "__jianzhu" },
        { text: "秒表", name: "__miaobiao_2" },
        { text: "学校", name: "__xuexiao_2" },
        { text: "钱包", name: "__qianbao_2" },
        { text: "城市", name: "__chengshi" },
        { text: "定时", name: "__dingshi" },
        { text: "药店", name: "__yaodian_2" },
        { text: "复制", name: "__fuzhi" },
        { text: "纪念碑", name: "__jinianbei" },
        { text: "蓝牙", name: "__lanya" },
        { text: "纪念碑", name: "__jinianbei_2" },
        { text: "裁剪", name: "__caijian" },
        { text: "电梯", name: "__dianti_4" },
        { text: "送货", name: "__songhuo" },
        { text: "电梯", name: "__dianti_2" },
        { text: "二维码", name: "__erweima_2" },
        { text: "电梯", name: "__dianti_5" },
        { text: "分销", name: "__fenxiao" },
        { text: "电梯", name: "__dianti_6" },
        { text: "剪刀", name: "__jiandao" },
        { text: "电梯", name: "__dianti" },
        { text: "设置", name: "__shezhi_3" },
        { text: "电梯", name: "__dianti_3" },
        { text: "管理", name: "__guanli" },
        { text: "沙发", name: "__shafa" },
        { text: "首页", name: "__shouye_4" },
        { text: "柜子", name: "__guizi" },
        { text: "书本", name: "__shuben_2" },
        { text: "边柜", name: "__biangui" },
        { text: "电话", name: "__dianhua_2" },
        { text: "冰箱", name: "__bingxiang" },
        { text: "会员", name: "__huiyuan_2" },
        { text: "双人床", name: "__shuangrenchuang" },
        { text: "起飞", name: "__qifei" },
        { text: "单人床", name: "__danrenchuang" },
        { text: "首页", name: "__shouye_5" },
        { text: "双人床", name: "__shuangrenchuang_2" },
        { text: "二维码", name: "__erweima" },
        { text: "单人床", name: "__danrenchuang_2" },
        { text: "导航", name: "__daohang_2" },
        { text: "被子", name: "__beizi" },
        { text: "位置", name: "__weizhi_2" },
        { text: "窗帘", name: "__chuanglian" },
        { text: "圈子", name: "__quanzi" },
        { text: "窗帘", name: "__chuanglian_2" },
        { text: "起飞", name: "__qifei_2" },
        { text: "窗帘", name: "__chuanglian_3" },
        { text: "积分", name: "__jifen_2" },
        { text: "台灯", name: "__taideng" },
        { text: "飞机", name: "__feiji" },
        { text: "台灯", name: "__taideng_2" },
        { text: "自行车", name: "__zihangche" },
        { text: "衣架", name: "__yijia" },
        { text: "骑车", name: "__qiche1" },
        { text: "晾衣架", name: "__liangyijia" },
        { text: "找车", name: "__zhaoche" },
        { text: "QQ", name: "__QQ" },
        { text: "公式", name: "__gongshi" },
        { text: "计算器", name: "__jisuanqi" },
        { text: "篮球", name: "__lanqiu" },
        { text: "计算器", name: "__jisuanqi_2" },
        { text: "结构", name: "__jiegou" },
        { text: "计算器", name: "__jisuanqi_3" },
        { text: "收益", name: "__shouyi" },
        { text: "计算器", name: "__jisuanqi_4" },
        { text: "骑车", name: "__qiche_2" },
        { text: "芯片", name: "__xinpian" },
        { text: "水", name: "__shui" },
        { text: "研发", name: "__yanfa" },
        { text: "设置", name: "__shezhi_4" },
        { text: "眼镜", name: "__yanjing-fang" },
        { text: "刷卡", name: "__shuaka" },
        { text: "手势", name: "__shoushi" },
        { text: "文章", name: "__wenzhang" },
        { text: "加油", name: "__jiayou" },
        { text: "手表", name: "__shoubiao" },
        { text: "机器", name: "__jiqi" },
        { text: "数据", name: "__shuju_2" },
        { text: "钱袋", name: "__qiandai" },
        { text: "表情", name: "__biaoqing" },
        { text: "话题", name: "__huati" },
        { text: "经济", name: "__jingji" },
        { text: "眼镜", name: "__yanjing-yuan" },
        { text: "趋势", name: "__qushi" },
        { text: "上传", name: "__shangchuan_2" },
        { text: "手电筒", name: "__shoudiantong" },
        { text: "咖啡", name: "__kafei" },
        { text: "餐具", name: "__canju" },
        { text: "沙漏", name: "__shalou" },
        { text: "餐饮", name: "__canyin" },
        { text: "火箭", name: "__huojian" },
        { text: "收音机", name: "__shouyinji" },
        { text: "冠军", name: "__guanjun" },
        { text: "漂流瓶", name: "__piaoliuping" },
        { text: "音乐", name: "__yinle_2" },
        { text: "魔法", name: "__mofa" },
        { text: "网页", name: "__wangye" },
        { text: "小程序", name: "__xiaochengxu" },
        { text: "奖杯", name: "__jiangbei" },
        { text: "麦克风", name: "__maikefeng" },
        { text: "摄像头", name: "__shexiangtou" },
        { text: "余额", name: "__yue" },
        { text: "微信", name: "__weixin" },
        { text: "完成", name: "__wancheng" },
        { text: "缆车", name: "__lanche" },
        { text: "失败", name: "__shibai" },
        { text: "地铁", name: "__ditie" },
        { text: "播放", name: "__bofang" },
        { text: "列车", name: "__lieche" },
        { text: "评论", name: "__pinglun" },
        { text: "公交", name: "__gongjiao" },
        { text: "话筒", name: "__huatong" },
        { text: "观光车", name: "__guanguangche" },
        { text: "点赞", name: "__dianzan" },
        { text: "自行车", name: "__zihangche_2" },
        { text: "福利", name: "__fuli" },
        { text: "车", name: "__che" },
        { text: "酒店", name: "__jiudian" },
        { text: "火车", name: "__huoche" },
        { text: "图片", name: "__tupian" },
        { text: "快艇", name: "__kuaiting" },
        { text: "定位", name: "__dingwei" },
        { text: "汽车", name: "__qiche_3" },
        { text: "vip", name: "__vip" },
        { text: "摩托车", name: "__motuoche" },
        { text: "云端", name: "__yunduan" },
        { text: "小车", name: "__xiaoche" },
        { text: "闹钟", name: "__naozhong" },
        { text: "火箭", name: "__huojian_2" },
        { text: "交流", name: "__jiaoliu" },
        { text: "轮船", name: "__lunchuan" },
        { text: "收入", name: "__shouru" },
        { text: "飞机", name: "__feiji_2" },
        { text: "支出", name: "__zhichu" },
        { text: "挖掘机", name: "__wajueji" },
        { text: "时间", name: "__shijian" },
        { text: "马路", name: "__malu" },
        { text: "拍照", name: "__paizhao" },
        { text: "直升机", name: "__zhishengji" },
        { text: "汽车", name: "__qiche" },
        { text: "帆船", name: "__fanchuan" },
        { text: "水票", name: "__shuipiao" },
        { text: "红绿灯", name: "__honglvdeng" },
        { text: "订阅", name: "__dingyue" },
        { text: "信号", name: "__xinhao" },
        { text: "客服", name: "__kefu_2" },
        { text: "表情", name: "__biaoqing_3" },
        { text: "注销", name: "__tuichudenglu" },
        { text: "禁止", name: "__jinzhi" },
        { text: "评论", name: "__pinglun_2" },
        { text: "表情", name: "__biaoqing_2" },
        { text: "钱包", name: "__qianbao" },
        { text: "书本", name: "__shuben_3" },
        { text: "搜索", name: "__sousuo_2" },
        { text: "植物", name: "__zhiwu" },
        { text: "砍价", name: "__kanjia" },
        { text: "桶装水", name: "__tongzhuangshui" },
        { text: "交卷", name: "__jiaojuan" },
        { text: "圈子", name: "__quanzi_2" },
        { text: "客服", name: "__kefu" },
        { text: "指标", name: "__zhibiao" },
        { text: "编辑", name: "__bianji_2" },
        { text: "星球", name: "__xingqiu" },
        { text: "编辑", name: "__bianji" },
        { text: "数据", name: "__shuju_3" },
        { text: "完成", name: "__wancheng_2" },
        { text: "相机", name: "__xiangji_2" },
        { text: "我的", name: "__wode" },
        { text: "笔记", name: "__biji" },
        { text: "标签", name: "__biaoqian" },
        { text: "钱币", name: "__qianbi" },
        { text: "服务", name: "__fuwu" },
        { text: "维修", name: "__weixiu_2" },
        { text: "账号", name: "__zhanghao" },
        { text: "服装", name: "__fuzhuang" },
        { text: "优惠券", name: "__youhuiquan" },
        { text: "机器人", name: "__jiqiren" },
        { text: "订单", name: "__dingdan" },
        { text: "卡片形式", name: "__kapianxingshi" },
        { text: "搜索", name: "__sousuo" },
        { text: "书签", name: "__shuqian" },
        { text: "反馈", name: "__fankui" },
        { text: "闪电", name: "__shandian_2" },
        { text: "完成", name: "__wancheng_3" },
        { text: "监控", name: "__jiankong" },
        { text: "收藏", name: "__shoucang" },
        { text: "女", name: "__nv" },
        { text: "完成", name: "__wancheng1" },
        { text: "男", name: "__nan" },
        { text: "密码", name: "__mima" },
        { text: "警报", name: "__jingbao" },
        { text: "添加", name: "__tianjia" },
        { text: "温度", name: "__wendu" },
        { text: "充值", name: "__chongzhi" },
        { text: "婴儿", name: "__yinger" },
        { text: "帮助", name: "__bangzhu" },
        { text: "糖果", name: "__tangguo" },
        { text: "失败", name: "__shibai1" },
        { text: "树叶", name: "__shuye" },
        { text: "提示", name: "__tishi" },
        { text: "钻石", name: "__zuanshi" },
        { text: "删除", name: "__shanchu" },
        { text: "温度", name: "__wendu_2" },
        { text: "灯泡", name: "__dengpao" },
        { text: "速度", name: "__shandian" },
        { text: "编辑", name: "__bianji_3" },
        { text: "书本", name: "__shuben" },
        { text: "优惠券", name: "__youhuiquan_2" },
        { text: "时限", name: "__shixian" },
        { text: "发明", name: "__faming" },
        { text: "数据", name: "__shuju2" },
        { text: "统计", name: "__tongji" },
        { text: "皇冠", name: "__huangguan" },
        { text: "酒店", name: "__jiudian_2" },
        { text: "美术", name: "__meishu" },
        { text: "分类", name: "__fenlei" },
        { text: "更多", name: "__gengduo2" },
        { text: "团队", name: "__tuandui" },
        { text: "邀请人", name: "__yaoqingren2" },
        { text: "文件", name: "__wenjian" },
        { text: "邀请人", name: "__yaoqingren" },
        { text: "维修", name: "__weixiu" },
        { text: "团队", name: "__tuandui4" },
        { text: "资源", name: "__ziyuan" },
        { text: "团队", name: "__tuandui3" },
        { text: "首页", name: "__shouye" },
        { text: "完成", name: "__wancheng2" },
        { text: "文件", name: "__wenjian_2" },
        { text: "预售", name: "__yushou" },
        { text: "设置", name: "__shezhi" },
        { text: "收货", name: "__shouhuo" },
        { text: "转发", name: "__zhuanfa" },
        { text: "未选中", name: "__weixuanzhong2" },
        { text: "邮件", name: "__youjian" },
        { text: "选中", name: "__xuanzhong2" },
        { text: "定位", name: "__dingwei1" },
        { text: "减", name: "__jian" },
        { text: "银行卡", name: "__yinhangka" },
        { text: "对", name: "__dui" },
        { text: "首页", name: "__shouye_3" },
        { text: "更多", name: "__gengduo" },
        { text: "收藏", name: "__shoucang_2" },
        { text: "错", name: "__cuo" },
        { text: "首页", name: "__shouye_2" },
        { text: "更多", name: "__gengduo1" },
        { text: "个人", name: "__geren" },
        { text: "门票", name: "__menpiao" },
        { text: "转发", name: "__zhuanfa_2" },
        { text: "列表形式", name: "__liebiaoxingshi" },
        { text: "位置", name: "__weizhi" },
        { text: "加", name: "__jia" },
        { text: "店铺", name: "__dianpu" },
        { text: "未选中", name: "__weixuanzhong" },
        { text: "扫码", name: "__saoma" },
        { text: "选中", name: "__xuanzhong" },
        { text: "分类", name: "__fenlei_3" },
        { text: "便签", name: "__bianqian" },
        { text: "添加好友", name: "__tianjiahaoyou" },
        { text: "公益", name: "__gongyi" },
        { text: "分享", name: "__fenxiang" },
        { text: "二维码", name: "__erweima3" },
        { text: "浏览", name: "__liulan" },
        { text: "二维码", name: "__erweima2" },
        { text: "不可见", name: "__bukejian" },
        { text: "沙漏", name: "__shalou3" },
        { text: "文档", name: "__wendang" },
        { text: "沙漏", name: "__shalou2" },
        { text: "扫码", name: "__saoma_2" },
        { text: "清除", name: "__qingchu2" },
        { text: "分类", name: "__fenlei_2" },
        { text: "不感兴趣", name: "__buganxingqu" },
        { text: "订阅", name: "__dingyue_2" },
        { text: "编辑", name: "__bianji6" },
        { text: "数据", name: "__shuju" },
        { text: "文件", name: "__wenjian3" },
        { text: "资源", name: "__ziyuan_2" },
        { text: "发票", name: "__fapiao2" },
        { text: "订阅", name: "__dingyue_3" },
        { text: "加油", name: "__jiayou2" },
        { text: "会员", name: "__huiyuan" },
        { text: "纸", name: "__zhi" },
        { text: "填写", name: "__tianxie" },
        { text: "个人", name: "__geren3" },
        { text: "公告", name: "__gonggao" },
        { text: "个人", name: "__geren2" },
        { text: "完成", name: "__wancheng_4" },
        { text: "垃圾桶", name: "__lajitong2" },
        { text: "打卡", name: "__daka" },
        { text: "设备", name: "__shebei" },
        { text: "我的", name: "__wode_2" },
        { text: "发票", name: "__fapiao" },
        { text: "筛选", name: "__shaixuan_2" },
        { text: "监督", name: "__jiandu" },
        { text: "导航", name: "__daohang" },
        { text: "法律诉讼", name: "__falvsusong" },
        { text: "筛选", name: "__shaixuan" },
        { text: "个人", name: "__geren4" },
        { text: "销售", name: "__xiaoshou" },
        { text: "法律诉讼", name: "__falvsusong2" },
        { text: "清除", name: "__qingchu" },
        { text: "举报", name: "__jubao2" },
        { text: "日历", name: "__rili" },
        { text: "举报", name: "__jubao" },
        { text: "返回", name: "__fanhui" },
        { text: "活动", name: "__huodong_1" },
        { text: "团队", name: "__tuandui_2" },
        { text: "药品", name: "__yaopin_1" },
        { text: "快递员", name: "__kuaidiyuan" },
        { text: "活动", name: "__huodong_2" },
        { text: "设置", name: "__shezhi_2" },
        { text: "加盟", name: "__jiameng_1" },
        { text: "静音", name: "__jingyin" },
        { text: "进店", name: "__jindian" },
        { text: "链接", name: "__lianjie" },
        { text: "发现", name: "__faxian" },
        { text: "评论", name: "__pinglun_3" },
        { text: "充值记录", name: "__chongzhijilu" },
        { text: "购物", name: "__gouwu" },
        { text: "分类", name: "__fenlei_4" },
        { text: "闹钟", name: "__naozhong1" },
        { text: "加盟", name: "__jiameng_2" },
        { text: "添加", name: "__tianjia_2" },
        { text: "加盟", name: "__jiameng" },
        { text: "提醒", name: "__tixing" },
        { text: "接诊", name: "__jiezhen" },
        { text: "安全", name: "__anquan" },
        { text: "上", name: "__shang2" },
        { text: "医疗", name: "__yiliao" },
        { text: "右", name: "__you2" },
        { text: "应聘", name: "__yingpin" },
        { text: "左", name: "__zuo2" },
        { text: "货品信息", name: "__huopinxinxi" },
        { text: "下", name: "__xia2" },
        { text: "删除文件", name: "__shanchuwenjian" },
        { text: "点赞", name: "__dianzan2" },
        { text: "购物车", name: "__gouwuche" },
        { text: "点赞", name: "__dianzan21" },
        { text: "游戏", name: "__youxi" },
        { text: "勾选", name: "__gouxuan" },
        { text: "编辑", name: "__bianji_5" },
        { text: "服务", name: "__fuwu3" },
        { text: "保存", name: "__baocun" },
        { text: "服务", name: "__fuwu2" },
        { text: "添加文件", name: "__tianjiawenjian" },
        { text: "切换", name: "__qiehuan" },
        { text: "药品", name: "__yaopin" },
        { text: "团队", name: "__tuandui2" },
        { text: "日期", name: "__riqi" },
        { text: "问诊", name: "__wenzhen" },
        { text: "不提醒", name: "__butixing" },
        { text: "红包", name: "__hongbao3" },
        { text: "订单列表", name: "__dingdanliebiao" },
        { text: "供应商", name: "__gongyingshang" },
        { text: "相机", name: "__xiangji" },
        { text: "服务", name: "__fuwu4" },
        { text: "学校", name: "__xuexiao" },
        { text: "公司介绍", name: "__gongsijieshao" },
        { text: "编辑", name: "__bianji_4" },
        { text: "通知管理", name: "__tongzhiguanli" },
        { text: "拨打", name: "__boda" },
        { text: "显示", name: "__xianshi" },
        { text: "购物袋", name: "__gouwudai" },
        { text: "隐藏", name: "__yincang" },
        { text: "转发", name: "__zhuanfa_3" },
        { text: "填写", name: "__tianxie1" },
        { text: "音乐", name: "__yinle" },
        { text: "精力", name: "__jingli" },
        { text: "收货", name: "__huodaofukuan" },
        { text: "购物车", name: "__gouwuche3" },
        { text: "商品", name: "__shangpin" },
        { text: "切换语言", name: "__qiehuanyuyan" },
        { text: "电话", name: "__dianhua" },
        { text: "发布", name: "__fabu" },
        { text: "当前位置", name: "__dangqianweizhi" },
        { text: "药房", name: "__yaofang" },
        { text: "视频", name: "__shipin" },
        { text: "首页", name: "__shouye_8" },
        { text: "语音", name: "__yuyin" },
        { text: "电磁阀", name: "__diancifa" },
        { text: "完成订单", name: "__wanchengdingdan" },
        { text: "下载", name: "__xiazai_3" },
        { text: "关闭语音", name: "__guanbiyuyin" },
        { text: "记录", name: "__jilu_2" },
        { text: "积分", name: "__jifen" },
        { text: "药店", name: "__yaodian" },
        { text: "物品", name: "__wupin" },
        { text: "宠物", name: "__chongwu" },
        { text: "社区", name: "__shequ" },
        { text: "商品", name: "__shangpin_2" },
        { text: "购物", name: "__gouwu_2" },
        { text: "首页", name: "__shouye_7" },
        { text: "关机", name: "__guanji" },
        { text: "购物车", name: "__gouwuche_3" },
        { text: "链接", name: "__lianjie_2" },
        { text: "分类", name: "__fenlei_5" },
        { text: "打印", name: "__dayin_2" },
        { text: "我的", name: "__wode_4" },
        { text: "垃圾桶", name: "__lajitong" },
        { text: "解锁", name: "__jiesuo" },
        { text: "货物", name: "__huowu" },
        { text: "钥匙", name: "__yuechi" },
        { text: "打印", name: "__dayin" },
        { text: "购物车", name: "__gouwuche_2" },
        { text: "直播", name: "__zhibo" },
        { text: "审核", name: "__shenhe" },
        { text: "添加文档", name: "__tianjiawendang" },
        { text: "审核", name: "__shenhe_2" },
        { text: "删除文档", name: "__shanchuwendang" },
        { text: "本地圈", name: "__bendiquan" },
        { text: "添加", name: "__tianjia_3" },
        { text: "取水", name: "__qushui" },
        { text: "删除", name: "__shanchu_2" },
        { text: "消费", name: "__xiaofei" },
        { text: "上", name: "__shang" },
        { text: "目标", name: "__mubiao" },
        { text: "放大", name: "__fangda" },
        { text: "船", name: "__chuan" },
        { text: "缩小", name: "__suoxiao" },
        { text: "我的", name: "__wode_5" },
        { text: "下", name: "__xia" },
        { text: "拼团", name: "__pintuan" },
        { text: "左", name: "__zuo" },
        { text: "购物车", name: "__gouwuche_5" },
        { text: "链接", name: "__lianjie1" },
        { text: "首页", name: "__shouye_9" },
        { text: "全屏", name: "__quanping" },
        { text: "店铺", name: "__dianpu_3" },
        { text: "右", name: "__you" },
        { text: "记录", name: "__jilu" },
        { text: "刷新", name: "__shuaxin" },
        { text: "健康", name: "__jiankang" },
        { text: "刷新", name: "__shuaxin_2" },
        { text: "概览", name: "__gailan" },
        { text: "刷新", name: "__shuaxin_3" },
        { text: "反馈", name: "__fankui_2" },
        { text: "交集", name: "__jiaoji" },
        { text: "安全", name: "__anquan_2" },
    ]);

    // 图标点击事件
    // item: 图标数据
    function handleItemClick(item) {
        // 复制图标名称
        uni.setClipboardData({
            data: item.name,
            success: () => {
                uni.showToast({
                    title: "复制成功",
                    icon: "success",
                    duration: 1000,
                });
            },
        });
    }
</script>

<style scoped lang="scss">
    .page-layout {
        padding: 15px;
    }

    .icons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;

        &__item {
            background: #f8f8f8;
            padding: 25px 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border-radius: 8px;

            &__content {
                font-size: 24px;
            }
        }
    }
</style>
